body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,input,lengend,li,ol,p,pre,td,textarea,th,ul
{margin:0;padding:0}
body,button,input,select,textarea,th
{color:#000;background-color:#fff;font-size:14px;line-height:1.5;font-family:Tahoma,Arial,Microsoft YaHei,sans-serif;}
li{list-style:none;display:inline-block}
textarea{resize:none}
img{border:0 none;-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality}
input[type=button],input[type=submit],button{cursor:pointer;border-style:none}
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color: #5d11cb;text-decoration:none;cursor:pointer}         /*主题颜色*/
a:focus,button:focus,input:focus,textarea:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
body::-webkit-scrollbar{width:10px;height:10px;}
body::-webkit-scrollbar-thumb{border-radius:5px;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background-color:#666}
.btn-action,.btn-highlight{
    display: inline-block;
    border-radius: 26px;
    height: 36px;
    line-height: 36px;
    padding: 0 18px;
    margin-right: 12px;
}
.btn-action{
    border: 1px solid #999;     /*主题副颜色*/
    color: #333;    /*字体副颜色*/
}
.btn-highlight{
    background-color: #8312DF;  /*主题颜色*/
    color: #fff;
}
.btn-action:hover{
    background-color: #eae2ff;
    color: #8312DF;
    border-color: #8312DF;
}
.btn-highlight:hover{
    background-color: #6e0fbd;  /*主题颜色鼠标移进改变*/
    color: #fff;
    /*虾米音乐      #ff410f;
QQ音乐       #2caf6f;
酷狗音乐      #169af3;
网易云音乐    #C20C0C;
咪咕音乐      #e91e63;
酷我音乐      #f0bc0f;*/
}
.btn-highlight:active{
    background-color: #5b0fa1;  /*主题颜色鼠标按住改变*/
    color: #fff;
}
.loading{
    background: url("../images/loading.svg") no-repeat center;
    display: block;
    height: 23px;
    width: 34px;
}
.icon-play,.icon-down,.icon-add,.icon-share{
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url("../images/icon_list_menu.png") no-repeat;
}
.icon-play:hover,.icon-down:hover,.icon-add:hover,.icon-share:hover{
    cursor: pointer;
}
.icon-play{
    background-position: 0 0;
}
.icon-play:hover{
    background-position: -40px 0;
}
.icon-add{
    background-position: 0 -80px;
}
.icon-add:hover{
    background-position: -40px -80px;
}
.icon-down{
    background-position: 0 -120px;
}
.icon-down:hover{
    background-position: -40px -120px;
}
.icon-share{
    background-position: 0 -40px;
}
.icon-share:hover{
    background-position: -40px -40px;
}
.over-hidden{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.example-1{
    border: 1px solid blue;
    width: 150px;
    height: 50px;
}

